<!-- 首页 -->
<template>
  <div class="container">
    <div>
      <span>营业部：</span>
      <el-select v-model="reptsModel.deptId" placeholder="Select" size="large">
        <el-option v-for="item in depts" :key="item.value" :label="item.label" :value="item.value"> </el-option>
      </el-select>
    </div>
    <el-tabs v-model="reptsModel.first" style="flex: 1; overflow: hidden">
      <el-tab-pane
        style="height: 100%"
        label="已派车"
        name="first"
      ><DispatchedCar :repts-model="reptsModel" /></el-tab-pane>
      <el-tab-pane label="待处理" name="second">Config</el-tab-pane>
      <el-tab-pane label="司机列表" name="third">Role</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang='ts'>
import { onMounted } from 'vue'
import useBaseHome from '@/composables/home/useBaseHome'
import DispatchedCar from '@/views/home/components/DispatchedCar.vue'
import useHomeRequest from '@/composables/home/useHomeRequest'
const { depts, reptsModel } = useBaseHome()
</script>
<style lang='scss' scoped>
:deep(.el-tabs__content) {
  overflow: hidden !important;
  height: 100% !important;
}
</style>